<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQuery对象与DOM对象的关系与转换</title>
</head>
<body>
	<h1>jQuery对象与DOM对象的关系与转换</h1>
	<ul> 
		<li>导航1</li>
		<li>导航2</li>
		<li>导航3</li>
		<li>导航4</li>
	</ul>
	<p id="test">test</p>
</body>
	<script type="text/javascript" src="./jquery-3.1.1.js"></script>
	<script type="text/javascript">
		//$()返回的是对象 不是DOM对象 而是jQuery的对象,jQuery对象与DOM对象是什么关系? jQuery对象按选择器,选中1个或多个DOM对象,把这些DOM对象,放在jQuery对象上,索引从零开始
		//jQuery对象转化DOM对象,直接[索引]取值即可
		//也可以get(索引)方法
		// console.log($('li'));
		$('li')[2].style.background = 'purple';
		$('li').get(3).style.background = 'silver';
		//DOM对象转化为jQuery对象,直接把DOM对象当作对象传给$();
		var test = document.getElementById('test');
		$(test).css('background','olive');
	</script>
</html>